﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Performance.aspx.cs" Inherits="XHCTMS.VIEW.Performance" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <style>
                .text
        {
            border:1px solid #D2D5D8;
            height:12px;
            width:134px;
            padding:3px 6px;
            outline:none;
        }
        .divlabel
        {
            float:left;
        }
        #GridView table
        {
            border-collapse:collapse;
        }
        #GridView table tbody td
        {
            border-bottom:1px solid #666666;
            border-top:1px solide #666666;
            font-size:12px;
            padding:3px 6px;
        }
                #GridView table thead tr td
        {
            border-bottom:2px solid #888888;
            font-size:13px;
            font-weight:bold;
            color:#333333;
            padding:3px 6px;
            background-color:#BBBBBB;
        }
        
                .selecte
        {
            width:158px;
            position:relative;
            float:left;
            margin-left:10px;
            text-align:left;
        }
        .selecte ul
        {
            overflow-y:scroll;
            height:90px;
            z-index:2;
            display:none;
            alpha(opacity=80); 
            opacity: 0.8;
            width:146px;
            position:absolute;
            border:1px solid #D2D5D8;
            margin-top:0px;
            background-color:#e8f5fe;
            padding-left:0px;
        }
        .selecte p
        {
            background:#FFFFFF;
            margin-top:0px;
            margin-bottom:2px;
            padding:2px 6px;
            width:134px;
            height:14px;
            font-size:12px;
            line-height:14px;
            border:1px solid #D2D5D8;
            cursor:default;
        }
        .selecte ul li
        {
            text-indent:10px;
            list-style:none;
        }
        .selecte ul li a
        {
            cursor:default;
            height:20px;
            line-height:20px;
            display:block;
            text-decoration:none;
            color:Black;
        }
        .selecte ul li a:hover
        {
            background:Blue;
        }
        
        #PageIndex
        {
            text-align:right;
        }
        
        .displaynone
        {
            display:none;
        }
        
        
        
    </style>
    <link href="css/custom-theme/jquery-ui-1.8.13.custom.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
    <script src="js/jquery-ui-1.8.13.custom.min.js" type="text/javascript"></script>
    <script src="js/date.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript">
        (function ($) {
            $.fn.extend({
                enterleave: function () {
                    $(this).css({ "margin": "0px" });

                    $(this).live({ mouseenter: function () {
                        $(this).css("color", "red");
                    }
                        , mouseleave: function () {
                            $(this).css("color", "");
                        }
                    });
                }
            });

            $.fn.grid = function () {
                $(this)
            .click(function () {
                var gr = $(this).next("div");
                if (gr.css("display") == "none") {
                    $(this).find("span").removeClass("ui-icon ui-icon-triangle-1-s");
                    $(this).find("span").addClass("ui-icon ui-icon-triangle-1-n");
                    gr.slideDown(360);
                }
                else {
                    $(this).find("span").removeClass("ui-icon ui-icon-triangle-1-n");
                    $(this).find("span").addClass("ui-icon ui-icon-triangle-1-s");
                    gr.slideUp(360);
                }

            }).mouseout(function () {
                $(this).css("background-color", ""); //99CCFF
            })
            .mousemove(function () {
                $(this).css("background-color", "#86A3BD");
            })
            };
        })(jQuery)
        $(function () {
            $("#Save").button({ icons: { primary: "ui-icon-circle-plus"} });
            $("#search").button({ icons: { primary: "ui-icon-search" }, text: false });

            //$(".selecte p").append('<span style="float:right;" class="ui-icon ui-icon-triangle-1-s"></span>');



            //判断下拉菜单打开和关闭
            $(".selecte p").live("click", function () {
                var spans = $(this).find("span");
                var ul = $(this).next("ul");
                if (ul.css("display") == "none") {
                    $(this).parent().attr("tabindex", 0).css("outline", "none").focus();
                    ul.slideDown(360);
                    spans.removeClass("ui-icon ui-icon-triangle-1-n");
                    spans.addClass("ui-icon ui-icon-triangle-1-s");
                    $(this).parent().blur(function () {
                        ul.slideUp(360);
                        spans.removeClass("ui-icon ui-icon-triangle-1-s");
                        spans.addClass("ui-icon ui-icon-triangle-1-n");
                    })
                }
                else {
                    ul.slideUp(360);
                    spans.removeClass("ui-icon ui-icon-triangle-1-s");
                    spans.addClass("ui-icon ui-icon-triangle-1-n");
                }
            });

            $(".selecte ul li a").live("click", function (e) {
                $(this).parents("ul").hide();
                $(this).parents("ul").prev().html($(this).text() + '<span style="float:right;" class="ui-icon ui-icon-triangle-1-s"></span>').attr("id", $(this).attr("rel"));
                $("#TextBoxindex").val($(this).text());
                $("#pagesizeindex").trigger("click");
            })

            $("#firstpage").enterleave();
            $("#Ononepage").enterleave();
            $("#Thenextpage").enterleave();
            $("#lastpage").enterleave();
            $("#Jump").enterleave();


            $("#operate").grid();

            $("#grid").grid();

            $("#PageIndex").keyup(function () {
                $(this).val($(this).val().replace(/\D|^0/g, ''));
            }).bind("paste", function () {
                $(this).val($(this).val().replace(/\D|^0/g, ''));
            }).css("ime-mode", "disabled");

        })

    </script>
</head>
<body>
<form runat="server">
<asp:ScriptManager ID="ScriptManager1"  runat="server">
</asp:ScriptManager>
<div style="background-color: #F1F1F1">
    <div id="accordion">
        <h4 id="grid" style="line-height:36px; text-align:left; cursor:default; border:1px solid #D2D5D8;"><a style="background-color:#86A3BD; height:5px; display:block"></a>人员信息<span class="ui-icon ui-icon-triangle-1-n" style=" margin-top:10px; float:right"></span></h4>
        <div id="grids" style=" display:block; border:1px solid #D2D5D8; height:100%">
             <div style="border:1px solid #D2D5D8; margin:5px 10px; text-align:right; padding:3px 10px;">
             <asp:TextBox ID="searchstring"
                 runat="server" CssClass="text"></asp:TextBox><label id="search" style=" vertical-align:middle; margin-right:20px; height:19px; margin-left:6px">查询</label>
             </div>

            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <Triggers>
            <asp:AsyncPostBackTrigger ControlID="firstpage" /><asp:AsyncPostBackTrigger ControlID="Ononepage" /><asp:AsyncPostBackTrigger ControlID="Jump" /><asp:AsyncPostBackTrigger ControlID="Thenextpage" /><asp:AsyncPostBackTrigger ControlID="lastpage" /><asp:AsyncPostBackTrigger ControlID="pagesizeindex" />
            </Triggers>
            <ContentTemplate>            
            <div id="GridView" style="margin-top:10px; padding:10px;">
                 <table style=" width:100%">
                     <asp:Repeater ID="Repeater1" runat="server">
                         <HeaderTemplate>
                                <thead><tr><td>姓名</td><td>班级</td><td>课程</td><td>得分</td><td>原因</td><td>时间</td></tr></thead>
                         </HeaderTemplate>
                         <ItemTemplate>
                             <tbody>
                                    <tr><td><%#Eval("student_name")%></td><td><%#Eval("class_name")%></td><td><%#Eval("teaching_lesson")%></td><td><%#Eval("per_score")%></td><td><%#Eval("per_reason")%></td><td><%#Eval("per_time")%></td></tr>
                             </tbody>
                         </ItemTemplate>
                     </asp:Repeater>
                 </table>             
              </div> 


             <div style=" margin-bottom:5px; padding:6px 6px; border:1px solid #D2D5D8; margin-left:10px; margin-right:10px; height:18px; line-height:18px;">
                 <div id="pagesize"  class="selecte"><p style=" width:36px">10<span style="float:right;" class="ui-icon ui-icon-triangle-1-s"></span></p><ul style=" width:46px; overflow:visible"><li><a>10</a></li><li><a>20</a></li><li><a>30</a></li><li><a>50</a></li></ul></div>
                 <div style="float:right;">
                                              <asp:Button ID="firstpage" 
                         CssClass="dialog_link ui-state-default ui-corner-some floatRight" 
                         runat="server" Text="首页" onclick="firstpage_Click" />
                     <asp:button cssclass="dialog_link ui-state-default ui-corner-some floatRight" 
                         id="Ononepage" runat="server" Text="上一页" onclick="Ononepage_Click" />
                     <asp:TextBox
                             ID="PageIndex" runat="server" Height="12px" MaxLength="3" Width="34px"></asp:TextBox>
<span>/<asp:Label
                                 ID="PageTotalSize" runat="server" Text="Label">50</asp:Label></span><asp:button 
                         ID="Jump" cssclass="dialog_link ui-state-default ui-corner-some floatRight" 
                         runat="server" Text="跳转" onclick="Jump_Click"  />
                     <asp:button cssclass="dialog_link ui-state-default ui-corner-some floatRight" 
                         id="Thenextpage" runat="server" Text="下一页" onclick="Thenextpage_Click" />
                     <asp:button class="dialog_link ui-state-default ui-corner-some floatRight" 
                         runat="server" id="lastpage" Text="尾页" onclick="lastpage_Click"  /></div>
                 <asp:Button ID="pagesizeindex" CssClass="displaynone" runat="server" Text="Button" 
                     onclick="pagesizeindex_Click" /><asp:TextBox CssClass="displaynone" ID="TextBoxindex" runat="server"></asp:TextBox>
             </div>
                           </ContentTemplate>
              </asp:UpdatePanel>
        </div>
    </div>
</div>
</form>
</body>
</html>
